<template>
  <van-tabbar v-model="active" placeholder>
  <van-tabbar-item :icon="item.icon" v-for="(item,index) in btnArr" :key='index' :to="item.to">{{item.name}}</van-tabbar-item>
</van-tabbar>
</template>

<script>
export default {
    data(){
        return{
            active:0,
            btnArr:[
                {
                icon:'home-o',
                name:'首页',
                to:'/index/home'
                },
                {
                icon:'hot-sale-o',
                name:'爆爆团',
                to:'/index/tuan'
                },
                {
                icon:'completed',
                name:'订单',
                to:'/index/order'
                },
                {
                icon:'contact',
                name:'我的',
                to:'/index/mine'
                },
            ]
        }
    }
}
</script>

<style>

</style>